<!-- extend from base layout -->
{% extends "base.html" %}
{% block content %}
    <h1>Sig In</h1>
    <form action="" method="post" name="login">
        {{ form.hidden_tag() }}
        <p>
            {{ form.username.label }}<br>
            {{ form.username(size=32) }}<br>
            {% for err in form.username.errors %}
                <span style="color: red">[{{ err }}]</span>
            {% endfor %}
        </p>
        <p>
            {{ form.password.label }}<br>
            {{ form.password(size=32) }}<br>
            {% for err in form.password.errors %}
                <span style="color: red">[{{ err }}]</span>
            {% endfor %}
        </p>
        <p>
            {{ form.remember_me() }}
            {{ form.remember_me.label }}
        </p>
        <p>
            {{ form.submit() }}
        </p>
        <!--The login form template needs a link that sends new users to the registration form, right below the form-->
        <p>
            New User?<a href="{{ url_for('register') }}">Click to Register!</a>
        </p>
    </form>
{% endblock %}
